body {
	height: 360px; 
	zoom: 1;
	border:0px;
	background: rgb(238, 238, 238);
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}

.title {
	float:left;
	width:350px;
	position:absolute;
	top:-5px;
}

.options-parent {
	top:40px;
	width:99%;
	height:85%;
}

.options-child {
    height: 150px;
    width: 97%;
    background: #eee;
    font-size: 1.1em;
    position: absolute;
    left: 10px;
    top: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.bold {font-weight:bold}

.nowrap {white-space:nowrap}

.niceButton {
	color: white;
	cursor: pointer;
	padding: 5px 7px;
	font-weight: bold;
	font-family: arial;
	text-shadow: #C56B00 0px 1px 0px;
	border-radius: 5px;
	border: 1px solid #C56B00!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9A83A), to(#EC7712));
	line-height: 18px;
	text-decoration:none;
}
.niceButton:hover {
	color: #fff;
	text-shadow: #c56b00 0px -1px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ec7712), to(#ec7712));
}

.statusMessageWrapper {position:fixed;text-align:center;width:100%;display:none;z-index:5000}
.statusMessage {display:inline-block;box-shadow:2px 2px 5px #666;font-family:Arial, sans-serif;font-weight:bold;border-radius:4px;color:black;background:#FFF0A8;font-size: 13px;font-weight: bold;border:1px solid #ccc;padding:1px 10px 3px;}
.statusMessage.error {color:red}

.hbox {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
   position: relative;
}

.vbox {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-box-align: stretch;
}

.wide {-webkit-box-flex: 1 !important}

.hide {display:none} /* Must be at the end of css because the display: -webkit-box etc. seem to override */
.hideImportant {display:none !important}

